<template>
    <view class="scLoading common-loading" :style="loading ? 'height:100rpx;' : 'height:0rpx'">
        <!-- loading -->
        <u-loading :mode="mode" :size="size" :color="varCss.color" />
    </view>
</template>

<script>
export default {
    name: "ScLoading",
    props: {
        loading: {
            type: Boolean,
            default: true
        },
        size: {
            type: String,
            default: "35"
        },
        mode: {
            type: String,
            default: "circle"
        }
    },
    data() {
        return {};
    }
};
</script>
<style lang="scss" scoped>
.scLoading {
}
</style>
